<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用的选择器优先级比较</title>
		<style>
		.c5{
			font-size: 99px;
		}
		
		.y{
					 font-size: 50px;
		}
		.c3{
			background-color: blue ;
			font-size: 7px;
		}
		
		
		#x{
					 font-size: 10px;
		}
		 p{
			 color: red;
			 font-size: 100px;
		 }
		 
		 
		</style>
	</head>
	<body>
		<p id="x" class="y">
			天产石猴孙悟空，天蓬元帅猪八戒，卷帘大将沙悟净，金蝉转世唐三藏
		</p>
		<!--类样式是可以同时设置多个，优先级按照定义时的就近原则 -->
		<ul class="c5 c3 y">
			<li>殷果</li>
			<li>刘乐</li> 
		</ul>
	</body>
</html>
